<%--
  Created by IntelliJ IDEA.
  User: 86156
  Date: 2023/10/12
  Time: 8:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="../css/user_page_css/home_page.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${path}/css/user_page_css/common.css">
    <link rel="stylesheet" href="${path}/css/user_page_css/movie-detail-index.css">
</head>
<body>
<jsp:include page="header.jsp"/>
    <div class="banner">
        <div class="wrapper clearfix">
            <div class="celeInfo-left">
                <div class="avatar-shadow">
                    <img class="avatar" src="" alt="志愿军:雄兵出击海报封面"/>
                    <div class="movie-ver">
                        <i class="imax2d"></i>
                    </div>
                </div>
            </div>
            <div class="celeInfo-right clearfix">
                <div class="movie-brief-container">
                    <h1 class="name">志愿军：雄鹰出击</h1>
                    <div class="ename ellipsis">The Volunteers: To the War</div>
                    <ul>
                        <li class="ellipsis">
                            <a class="text-link" href="" target="_blank">剧情</a>
                            <a class="text-link" href="" target="_blank">历史</a>
                            <a class="text-link" href="" target="_blank">战争</a>
                        </li>
                        <li class="elllipsis">中国大陆 / 140分钟</li>
                        <li class="elllipsis">2023-09-28 18:00中国大陆上映</li>
                    </ul>
                </div>
                <div class="action-buyBtn">
                    <div class="action clearfix" dataval="{movieid:1431886}">
                        <a class="wish" data-wish="false" data-score data-bid="b_gbxqtw6x">
                            <div>
                                <i class="icon wish-icon"></i>
                                <span class="wish-msg" data-bid="wish-click">想看</span>
                            </div>
                        </a>
                        <a class="score-btn" data-bid="b_rxxpcgwd">
                            <div>
                                <i class="icon score-btn-icon"></i>
                                <span class="score-btn-msg" data-act="comment-open-click">评分</span>
                            </div>
                        </a>
                    </div>
                    <a class="btn buy" href="" target="_blank">特惠购票</a>
                </div>
                <div class="movie-stats-container">
                    <div class="movie-index">
                        <p class="movie-index-title">累计票房</p>
                        <div class="movie-index-content box">
                            <span class="stonefont">11</span>
                            <span class="unit">亿</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container" id="app">
        <div class="main-content-container clearfix">
            <div class="main-content">
                <div class="tab-container tab-movie-info">
                    <div class="crimbs-nav-container">
                        <a href="">猫眼电影</a>
                        <a href="">电影</a>
                        <span>志愿军：雄兵出击</span>
                    </div>
                    <div class="tab-title-container clearfix">
                        <div class="tab-title active" data-act="tab-desc-click">介绍</div>
                        <div class="tab-title" data-act="tab-celebrity-click">演职人员</div>
                        <div class="tab-title tab-disabled" data-act="tab-award-click">奖项</div>
                        <div class="tab-title" data-act="tab-img-click">图集</div>
                    </div>
                    <div class="tab-content-container">
                        <div class="tab-desc tab-content active" data-val="{tabtype:'desc'}">
                            <div class="module">
                                <div class="mod-tite">
                                    <h2>“剧情简介”</h2>
                                </div>
                                <div class="mod-content">
                                    <span class="dra">
                                        "为纪念抗美援朝战争胜利70周年，陈凯歌将打造《志愿军》三部曲，全景式、多维度立体展现这场新中国的立国之战。电影《志愿军：雄兵出击》为该系列首部。
                                        1949年建国初期，新中国面临“内忧外患”局面。朝鲜内战爆发以来，美军屡在中朝边境挑衅，平民惨遭轰炸。为了维护来之不易的和平、为了世代长久的安稳，1950年10月，中国人民志愿军入朝，“抗美援朝”战争拉开帷幕。
                                        这是一场“举国之战”——
                                        朝鲜战场，即使军备实力对比悬殊，我军却用壮烈牺牲换回节节胜利；
                                        外交舞台，中华人民共和国代表团首度亮相联合国，中国新声赢得国际敬畏。
                                        新中国，寸土不让扬国威；新青年，意气风发保家国。"
                                    </span>
                                </div>
                            </div>
                            <div class="module">
                                <div class="mod-title">
                                    <h2>“演职人员”</h2>
                                    <a class="more" href="" data-act="all-actor-click">全部</a>
                                </div>
                                <div class="mod-content">
                                    <div class="celebrity-container clearfix">
                                        <div class="celebrity-group">
                                            <div class="celebrity-type">导演</div>
                                            <ul class="celebrity-list clearfix">
                                                <li class="celebrity" data-act="celebrity-click" data-val="{celebrityid:8023}">
                                                    <div class="portrait">
                                                        <img class="default-img" alt="志愿军：雄兵出击 陈凯歌" src="">
                                                    </div>
                                                    <div class="info">
                                                        <div class="name">陈凯歌</div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="celebrity-group">
                                            <div class="celebrity-type">演员</div>
                                            <ul class="celebrity-list clearfix">
                                                <li class="celebrity actor" data-act="celebrity-click" data-val="{celebrityid:1400}">
                                                    <div class="portrait">
                                                        <img class="default-img" alt="志愿军：雄兵出击 唐国强" src="">
                                                    </div>
                                                    <div class="info">
                                                        <div class="name">唐国强</div>
                                                        <br>
                                                        <span class="role">饰：毛泽东</span>
                                                    </div>
                                                </li>
                                                <li class="celebrity actor" data-act="celebrity-click" data-val="{celebrityid:599}">
                                                    <div class="portrait">
                                                        <img class="default-img" alt="志愿军：雄兵出击 王砚辉" src="">
                                                    </div>
                                                    <div class="info">
                                                        <div class="name">王砚辉</div>
                                                        <br>
                                                        <span class="role">饰：彭德怀</span>
                                                    </div>
                                                </li>
                                                <li class="celebrity actor" data-act="celebrity-click" data-val="{celebrityid:8424}">
                                                    <div class="portrait">
                                                        <img class="default-img" alt="志愿军：雄兵出击 刘劲" src="">
                                                    </div>
                                                    <div class="info">
                                                        <div class="name">刘劲</div>
                                                        <br>
                                                        <span class="role">饰：周恩来</span>
                                                    </div>
                                                </li>
                                                <li class="celebrity actor" data-act="celebrity-click" data-val="{celebrityid:5623}">
                                                    <div class="portrait">
                                                        <img class="default-img" alt="志愿军：雄兵出击 辛柏青" src="">
                                                    </div>
                                                    <div class="info">
                                                        <div class="name">辛柏青</div>
                                                        <br>
                                                        <span class="role">饰：李默尹</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="module">
                                <div class="mod-title">
                                    <h2>
                                        “图集”
                                    </h2>
                                    <a class="more" href="" data-act="all-photo-click">全部</a>
                                </div>
                                <div class="mod-content">
                                    <div class="album clearfix" data-act="movie-img-click">
                                        <div class="img1">
                                            <img class="default-img" alt="志愿军：雄兵出击剧照图集" src="">
                                        </div>
                                        <div class="img2">
                                            <img class="default-img" alt="志愿军：雄兵出击剧照图集" src="">
                                        </div>
                                        <div class="img3">
                                            <img class="default-img" alt="志愿军：雄兵出击剧照图集" src="">
                                        </div>
                                        <div class="img4">
                                            <img class="default-img" alt="志愿军：雄兵出击剧照图集" src="">
                                        </div>
                                        <div class="img5">
                                            <img class="default-img" alt="志愿军：雄兵出击剧照图集" src="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <%--<div style="display: none" class="comment-container" data-hot="9">
                                <ul>
                                    <li class="portrait-container" data-val="{commentid=1184703619}"></li>
                                </ul>
                            </div>--%>
                            <div class="module">
                                <div class="mod-title">
                                    <h2>
                                        “影片资料”
                                    </h2>
                                </div>
                                <div class="mod-content">
                                    <div class="attribute">
                                        <div class="attribute-item">
                                            <div class="attribute-item-top">
                                                <img class="attribute-item-icon" src="">
                                                <span class="attribute-item-title">出品发行</span>
                                            </div>
                                            <div class="attribute-item-content ellipsis">中影创意（北京）电影有限公司</div>
                                        </div>
                                        <div class="attribute-item">
                                            <div class="attribute-item-top">
                                                <img class="attribute-item-icon" src="">
                                                <span class="attribute-item-title">技术参数</span>
                                            </div>
                                            <div class="attribute-item-content ellipsis">2小时20分钟</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="module">
                                <div class="mod-title">
                                    <h2>
                                        “票房”
                                    </h2>
                                </div>
                                <div class="mod-content">
                                    <div class="film-mbox-item">
                                        <div class="mbox-name">3</div>
                                        <div class="mbox-name">昨日排名</div>
                                    </div>
                                    <div class="film-mbox-item">
                                        <div class="mbox-name">25107</div>
                                        <div class="mbox-name">首周票房(万)</div>
                                    </div>
                                    <div class="film-mbox-item">
                                        <div class="mbox-name">359311</div>
                                        <div class="mbox-name">累计票房(万)</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-celebrity tab-content" data-val="{tabtype:'celebrity'}">
                        <div class="celebrity-container">
                            <div class="celebrity-group">
                                <div class="celebrity-type">
                                    “导演”<span class="num">(1)</span>
                                </div>
                                <ul class="celebrity-list clearfix">
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:8023}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="陈凯歌">
                                        </div>
                                        <div class="info">
                                            <div class="name">陈凯歌</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="celebrity-group">
                                <div class="celebrity-type">
                                    “演员”<span class="num">(17)</span>
                                </div>
                                <ul class="celebrity-list clearfix">
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:1400}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="唐国强">
                                        </div>
                                        <div class="info">
                                            <div class="name">唐国强</div>
                                            <br>
                                            <span class="role">饰：毛泽东</span>
                                        </div>
                                    </li>
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:599}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="王砚辉">
                                        </div>
                                        <div class="info">
                                            <div class="name">王砚辉</div>
                                            <br>
                                            <span class="role">饰：彭德怀</span>
                                        </div>
                                    </li>
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:599}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="刘劲">
                                        </div>
                                        <div class="info">
                                            <div class="name">刘劲</div>
                                            <br>
                                            <span class="role">饰：周恩来</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="celebrity-group">
                                <div class="celebrity-type">
                                    “编剧”<span class="num">(1)</span>
                                </div>
                                <ul class="celebrity-list clearfix">
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:2846971}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="张珂">
                                        </div>
                                        <div class="info">
                                            <div class="name">张珂</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="celebrity-group">
                                <div class="celebrity-type">
                                    “总出品人”<span class="num">(1)</span>
                                </div>
                                <ul class="celebrity-list clearfix">
                                    <li class="celebrity " data-act="celebrity-click" data-val="{celebrityid:1015144}">
                                        <div class="portrait">
                                            <img class="default-img" data-src="" alt="傅若清">
                                        </div>
                                        <div class="info">
                                            <div class="name">傅若清</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tab-award tab-content" data-val="{tabtype:'award'}"></div>
                    <div class="tab-img tab-content" data-val="{tabtype:'img'}">
                        <ul class="clearfix">
                            <li>
                                <img class="default-img" data-act="movie-img-click" data-src="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
<jsp:include page="footer.jsp"/>
</body>
</html>
